/**
 * Created by Administrator on 2017/2/27.
 */
var SideBar = require('../../src/complex/sideBar');

var Root = React.createClass({
    getInitialState: function () {
        return{
            sideBarItem:PageDM.sideBar.value
        }
    },
    componentDidMount: function(){
        UEventHub.emit("pageLoad","hello world!");
    },
    showAnswer: function(e){
        var obj = e.srcElement || e.target;
        if(obj.parentNode.nextSibling.style.display=='block'){
            obj.parentNode.className = 'panel-title';
            obj.parentNode.nextSibling.style.display = 'none';
        }else{
            obj.parentNode.className = 'panel-title show';
            obj.parentNode.nextSibling.style.display = 'block';
        }
    },
    render: function() {
        return (
            <div>
                <div className="mod-account container">
                    <div className="sub-nav">
                        <SideBar sideBarItem={this.state.sideBarItem}/>
                    </div>
                    <div className="account padding">
                        <div className="help-main">
                            <div className="mod-title title"><b></b>投资问题<b></b></div>
                            <div className="panel-problem">
                                <div className="panel-group">
                                    <div className="panel">
                                        <div className="panel-title"> <b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>平台对投资者有什么要求？</a><div className="angle"><span></span></div></div>
                                        <div className="panel-content">
                                            投资人需年满18周岁，具有法律规定的完全民事权利和民事行为能力，具备一定风险承受能力，有合法的投资资金。平台暂不支持外籍人士及港澳台人士注册投资。投资者登记身份信息后，持有境内手机号码及任一银行的本人名下借记卡（账户状态不能为冻结、过期、销户等异常情况）即可参与平台项目投资。
                                        </div>
                                    </div>
                                    <div className="panel">
                                        <div className="panel-title"> <b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>投资时是否可以用信用卡来进行支付？</a> <div className="angle"><span></span></div></div>
                                        <div className="panel-content">
                                            不可以。央行下发了《支付业务风险提示——加大审核力度、提高管理水平、防范网络信贷平台风险》，要求相关机构严格防范信用卡透支资金用于网络信贷。
                                        </div>
                                    </div>
                                    <div className="panel">
                                        <div className="panel-title"> <b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>投资人支付成功后，项目什么时候开始计算收益？</a> <div className="angle"><span></span></div></div>
                                        <div className="panel-content">
                                            根据您所投资的项目，在"项目起息日期"开始计算收益。
                                        </div>
                                    </div>
                                    <div className="panel">
                                        <div className="panel-title"> <b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>支付成功就一定是投标成功吗？</a> <div className="angle"><span></span></div></div>
                                        <div className="panel-content">
                                            不一定。投标结束后，如多个投资人在投标期间进行投资导致项目实际募集资金超过项目融资规模（即产生超募），投融资平台将根据投资人的投资时间顺序将顺序在后的投资资金/部分投资资金（即超募资金）于所投项目投标结束日的T+1日（均为工作日，非工作日将延后至下一个工作日），通过第三方支付机构向投资人指定的回款账户发起退款。
                                        </div>
                                    </div>
                                    <div className="panel">
                                        <div className="panel-title"> <b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>投资人可以提前收回投资资金吗？</a> <div className="angle"><span></span></div></div>
                                        <div className="panel-content">
                                            目前平台推出的项目暂不支持提前收回投资。
                                        </div>
                                    </div>
                                    <div className="panel">
                                        <div className="panel-title"> <b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>怎么查询我的投资收益？</a> <div className="angle"><span></span></div></div>
                                        <div className="panel-content">
                                            用户可以进入“我的账户”－“投资记录”页面中查看投资收益。
                                        </div>
                                    </div>
                                    <div className="panel">
                                        <div className="panel-title"> <b className="iconfont icon-wh"></b> <a href="javascript:;" className="collapse" onClick={this.showAnswer}>在选择具体的投资项目时，我的投资时间是否有限制？</a> <div className="angle"><span></span></div></div>
                                        <div className="panel-content">
                                            是。只有在该项目投资期限内、且项目投标进度显示未投满前可以投标。项目状态为“预热”、“满标”、“完成”等状态时皆不可投标。
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="clear"></div>
                        </div>
                    </div>
                    <div className="clear"></div>
                </div>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('giraffe'));